
body {
    margin: 0;
    padding: 0;
    width: 1300px;
}


#diym {
    margin: 0;
    padding: 0;
    width: 1480px;
    height: 240px;
    background-image: linear-gradient(to right, rgb(0, 109, 255), rgb(0, 195, 255));
    flex-wrap: wrap;
    font-size: larger;

}
.diymdh a{
    color: rgb(255, 255, 255);
}
.lb {
    position: fixed;
    width: 38px;
    height: 1200px;
    right: 0px;
    top: -10px;
    background-image: url(tp/qkw3.png);
    background-size: contain;
    background-repeat: no-repeat;  
    z-index: 1;
}

.diym1 {
    width: 255px;
    height: 105px;
    align-items: center;
    background-image: url(tp/qkw1.png);
    background-size: 185px;
    background-repeat: no-repeat;
    position: relative;
    top: 55px;
    left: 555px;
}

.diym1:hover .diym11 {
    display: block;

}

.diym11 {
    width: 255px;
    height: 85px;
    margin-left: 255px;
    padding-top: 0px;
    background-image: url(tp/qkw2.png);
    position: relative;
    top: -55px;
    left: -70px;
    background-size: 225px;
    background-repeat: no-repeat;
    display: none;
}

.diym111 {
    width: 190px;
    height: 100px;
    margin-left: 500px;
    padding-top: 0px;
    background-image: url(tp/qkw4.png);
    position: relative;
    top: 60px;
    left: 365px;
    background-size: 170px;
    background-repeat: no-repeat;
    display: block;
}

.diym1111 {
    width: 220px;
    height: 100px;
    margin-left: 480px;
    padding-top: 0px;
    background-image: url(tp/qkw5.png);
    position: relative;
    top: -25px;
    left: 575px;
    background-size: 110px;
    background-repeat: no-repeat;
    display: block;
}

.diym11111 {
    width: 220px;
    height: 60px;
    margin-left: 470px;
    padding-top: 0px;
    background-image: url(tp/qkw6.png);
    position: relative;
    top: -120px;
    left: 725px;
    background-size: 130px;
    background-repeat: no-repeat;
    display: block;
}

.diym111111 {
    width: 120px;
    height: 80px;
    margin-left: 580px;
    padding-top: 0px;
    background-image: url(tp/qkw7.png);
    position: relative;
    top: -245px;
    left: 445px;
    background-size: 30px;
    background-repeat: no-repeat;
    display: block;
}

.diym1111111 {
    width: 35px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: -322px;
    left: 585px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}


.diymdh{
    width: 800px;
    height: 100px;
    position: relative;
}
.diymdh1{
    width: 77px;
    height: 40px;
    position: absolute;
    left: 20px;
    top: -280px;
    color: white!important;
    
}
.diymdh1:hover .diymdh100 {
    display: block;

}
.diymdh100 { z-index: 1;
    width: 765px;
    height: 165px;    
    position: relative;
    top: 25px;
    left: -10px;     
    font-style: 35px;
    font-size: 16px;
    color: rgb(89, 89, 89);
    background-color:white;
    display: none;
}
.diymdh100 ul{display: inline-block; margin-right: 20px; 
    border-right: 1px solid #ffffff80;
    }
.diymdh100 ul li{
        display: inline-block;padding-right: 20px;
   }
.diymdh2{
    width: 77px;
    height: 140px;
    position: absolute;
    left: 110px;
    top: -280px;
    color: white!important;
}
.diymdh2:hover .diymdh200 {
    display: block;

}
.diymdh200 { z-index: 1;
    width: 505px;
    height: 105px;    
    position: relative;
    top: 25px;
    left: -10px;     
    font-style: 35px;
    font-size: 16px;
    color: rgb(89, 89, 89);
    background-color:white;
    display: none;
}
.diymdh200 ul{display: inline-block; margin-right: 20px; 
    border-right: 1px solid #ffffff80;
    }
.diymdh200 ul li{
        display: inline-block;padding-right: 20px;
   }
.diymdh3{
    width: 77px;
    height: 40px;
    position: absolute;
    left: 200px;
    top: -280px;
    color: white!important;
}
.diymdh3:hover .diymdh300 {
    display: block;
}
.diymdh300 { z-index: 1;
    width: 365px;
    height: 125px;    
    position: relative;
    top: 25px;
    left: -10px;     
    font-style: 35px;
    font-size: 16px;
    color: rgb(89, 89, 89);
    background-color:white;
    display: none;
}
.diymdh300 ul{display: inline-block; margin-right: 20px; 
    border-right: 1px solid #ffffff80;
    }
.diymdh300 ul li{
        display: inline-block;padding-right: 20px;
   }
.diymdh4{
    width: 77px;
    height: 40px;
    position: absolute;
    left: 270px;
    top: -280px;
    color: white!important;
}
.diymdh4:hover .diymdh400 {
    display: block;

}
.diymdh400 { z-index: 1;
    width: 365px;
    height: 125px;    
    position: relative;
    top: 25px;
    left: -10px;     
    font-style: 35px;
    font-size: 16px;
    color: rgb(89, 89, 89);
    background-color:white;
    display: none;
}
.diymdh400 ul{display: inline-block; margin-right: 20px; 
    border-right: 1px solid #ffffff80;
    }
.diymdh400 ul li{
        display: inline-block;padding-right: 20px;
   }
.diymdh5{
    width: 77px;
    height: 40px;
    position: absolute;
    left: 360px;
    top: -280px;
    color: white!important;
}
.diymdh5:hover .diymdh500 {
    display: block;

}
.diymdh500 { z-index: 1;
    width: 620px;
    height: 85px;    
    position: relative;
    top: 25px;
    left: -10px;     
    font-style: 35px;
    font-size: 16px;
    color: rgb(89, 89, 89);
    background-color:white;
    display: none;
}
.diymdh500 ul{display: inline-block; margin-right: 20px; 
    border-right: 1px solid #ffffff80;
    }
.diymdh500 ul li{
        display: inline-block;padding-right: 20px;
   }
.diymdh6{
    width: 77px;
    height: 40px;
    position: absolute;
    left: 450px;
    top: -280px;
    color: white!important;
}
.diymdh6:hover .diymdh600 {
    display: block;

}
.diymdh600 { z-index: 1;
    width: 580px;
    height: 125px;    
    position: relative;
    top: 25px;
    left: -10px;     
    font-style: 35px;
    font-size: 16px;
    color: rgb(89, 89, 89);
    background-color:white;
    display: none;
}
.diymdh600 ul{display: inline-block; margin-right: 20px; 
    border-right: 1px solid #ffffff80;
    }
.diymdh600 ul li{
        display: inline-block;padding-right: 20px;
   }
.diymdh7{
    width: 77px;
    height: 40px;
    position: absolute;
    left: 550px;
    top: -280px;
    color: white;
}
.diymdh8{
    width: 77px;
    height: 40px;
    position: absolute;
    left: 575px;
    top: -280px;
    color: white!important;
}
.diymdh8:hover .diymdh800 {
    display: block;

}
.diymdh800 { z-index: 1;
    width: 580px;
    height: 85px;    
    position: relative;
    top: 25px;
    left: -10px;     
    font-style: 35px;
    font-size: 16px;
    color: rgb(89, 89, 89);
    background-color:white;
    display: none;
}
.diymdh800 ul{display: inline-block; margin-right: 20px; 
    border-right: 1px solid #ffffff80;
    }
.diymdh800 ul li{
        display: inline-block;padding-right: 20px;
   }
.diymdh9{
    width: 77px;
    height: 40px;
    position: absolute;
    left: 670px;
    top: -280px;
    color: white!important;
}
.diymdh9:hover .diymdh900 {
    display: block;

}
.diymdh900 { z-index: 1;
    width: 580px;
    height: 85px;    
    position: relative;
    top: 25px;
    left: -10px;     
    font-style: 35px;
    font-size: 16px;
    color: rgb(89, 89, 89);
    background-color:white;
    display: none;
}
.diymdh900 ul{display: inline-block; margin-right: 20px; 
    border-right: 1px solid #ffffff80;
    }
.diymdh900 ul li{
        display: inline-block;padding-right: 20px;
   }
.diymdh10{
    width: 77px;
    height: 40px;
    position: absolute;
    left: 770px;
    top: -280px;
    color: white!important;
}
.diymdh10:hover .diymdh1000 {
    display: block;

}
.diymdh1000 { z-index: 1;
    width: 146px;
    height: 220px;    
    position: relative;
    top: 25px;
    left: -10px;     
    font-style: 35px;
    font-size: 16px;
    color: rgb(89, 89, 89);
    background-color:white;
    display: none;
}
.diymdh1000 ul{display: inline-block; margin-right: 20px; 
    border-right: 1px solid #ffffff80;
    }
.diymdh1000 ul li{
        display: inline-block;padding-right: 20px;
   }
#deym {
    margin: 0;
    padding: 0;
    width: 1220px;
    height: 240px;
    flex-wrap: wrap;
}

.deym1 {
    margin: 0;
    padding: 0;
    width: 510px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    top: 55px;
    left: 555px;
}

.f2 {
    width: 300px;
    height: 60px;

}

.f20 {
    position: relative;
    margin-left: -600px;
    left: -15px;
    top: 29px;
    height: 25px;
}

.f201 {
    position: relative;
    margin-left: -550px;
    left: -10px;
    top: 4px;
    height: 25px;
}

.f202 {
    position: relative;
    margin-left: -500px;
    left: -5px;
    top: -22px;
    height: 25px;
}

.f203 {
    position: relative;
    margin-left: -450px;
    left: 3px;
    top: -47px;
    height: 25px;
}

.f204 {
    position: relative;
    margin-left: -380px;
    left: 22px;
    top: -72px;
    height: 25px;
}

.f205 {
    position: relative;
    margin-left: -340px;
    left: 35px;
    top: -97px;
    height: 25px;
}

.f3 {
    width: 1200px;
    height: 60px;
    float: right;

}

.f30 {
    position: relative;
    margin-left: -100px;
    left: 41px;
    top: 0px;
    height: 35px;
}

.f30search {
    position: relative;
    left: -56px;
    top: 55px;
    width: 838px;
    height: 36px;
    border: 2px solid rgb(0, 139, 255);
}

.f30search input {
    width: 800px;
    border: 0;
    padding-left: 80px;
    position: relative;
    left: -80px;
}

.f4 {
    width: 400px;
    height: 50px;
    font-size: small;
}

.f400 {
    position: relative;
    margin-left: -650px;
    left: 20px;
    top: -15px;
    height: 25px;
}

.f401 {
    position: relative;
    margin-left: -600px;
    left: 40px;
    top: -15px;
    height: 25px;
}

.f402 {
    position: relative;
    margin-left: -550px;
    left: 85px;
    top: -15px;
    height: 25px;
}

.f403 {
    position: relative;
    margin-left: -500px;
    left: 90px;
    top: -30px;
    height: 25px;
}

.f404 {
    position: relative;
    margin-left: -380px;
    left: 15px;
    top: -55px;
    height: 25px;
}

.f405 {
    position: relative;
    margin-left: -340px;
    left: 28px;
    top: -80px;
    height: 25px;
}

.f406 {
    position: relative;
    margin-left: -350px;
    left: 78px;
    top: -105px;
    height: 25px;
}

.f407 {
    position: relative;
    margin-left: -250px;
    left: 58px;
    top: -130px;
    height: 25px;
}

.f408 {
    position: relative;
    margin-left: -200px;
    left: 43px;
    top: -155px;
    height: 25px;
}

.f409 {
    position: relative;
    margin-left: -150px;
    left: 29px;
    top: -180px;
    height: 25px;
}

.f410 {
    position: relative;
    margin-left: -180px;
    left: 92px;
    top: -206px;
    height: 25px;
}

.carousel-inner {
    width: 1100px;
    height: 500px;
    left: -820px;
    top: 30px;
    margin-top: -200px;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
    position: relative;
}

.carousel-indicators {
    position: relative;
    left: -500px;
    top: 300px;
    width: 200px;
    height: 100px;
}

.carousel-control-prev {
    position: relative;
    left: -840px;
    top: -320px;
}

.carousel-control-next {
    position: relative;
    left: 210px;
    top: -340px;
}

.f5 {
    width: 255px;
    height: 85px;
    margin-left: -155px;
    padding-top: 0px;
    background-image: url(tp/qkw221.png);
    position: relative;
    top: -145px;
    left: -660px;
    background-size: 130px;
    background-repeat: no-repeat;
    display: block;
}

.f51 {
    width: 220px;
    height: 100px;
    margin-left: -500px;
    padding-top: 0px;
    background-image: url(tp/qkw222.png);
    position: relative;
    top: -240px;
    left: -165px;
    background-size: 150px;
    background-repeat: no-repeat;
    display: block;
}

.f52 {
    width: 220px;
    height: 100px;
    margin-left: -500px;
    padding-top: 0px;
    background-image: url(tp/qkw223.png);
    position: relative;
    top: -340px;
    left: 5px;
    background-size: 135px;
    background-repeat: no-repeat;
    display: block;
}

.f53 {
    width: 220px;
    height: 60px;
    margin-left: -500px;
    padding-top: 0px;
    background-image: url(tp/qkw224.png);
    position: relative;
    top: -435px;
    left: 155px;
    background-size: 135px;
    background-repeat: no-repeat;
    display: block;
}

.f54 {
    width: 120px;
    height: 80px;
    margin-left: -500px;
    padding-top: 0px;
    background-image: url(tp/qkw225.png);
    position: absolute;
    top: 400px;
    left: 355px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.f55 {
    width: 205px;
    height: 222px;
    margin-left: -500px;
    padding-top: 0px;
    background-image: url(tp/qkw226.png);
    position: relative;
    top: -494px;
    left: 455px;
    background-size: 70px;
    background-repeat: no-repeat;
    display: block;
}

.f56 {
    width: 205px;
    height: 222px;
    margin-left: -500px;
    margin-top: 4px;
    padding-top: 0px;
    background-image: url(tp/qkw227.png);
    border-radius: 10px;
    position: relative;
    top: -720px;
    left: 555px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.f57 {
    width: 205px;
    height: 222px;
    margin-left: -500px;
    padding-top: 0px;
    background-image: url(tp/qkw228.png);
    position: relative;
    top: -936px;
    left: 655px;
    background-size: 70px;
    background-repeat: no-repeat;
    display: block;
}

.f61 {
    
    width: 300px;
    height: 150px;
    margin-left: -830px;
    margin-top: -1050px;
    background-image: url(tp/qkw60.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.f61{
    transition: all 0.8s;   
}
.f61:hover{
    transform: scale(1.05);
} 

.f62 {
    width: 300px;
    height: 150px;
    margin-left: -590px;
    margin-top: -150px;
    background-image: url(tp/qkw61.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.f62{
    transition: all 0.8s;   
}
.f62:hover{
    transform: scale(1.05);
} 
.f63 {
    width: 300px;
    height: 150px;
    margin-left: -350px;
    margin-top: -150px;
    background-image: url(tp/qkw62.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f63{
    transition: all 0.8s;   
}
.f63:hover{
    transform: scale(1.05);
} 
.f64 {
    width: 300px;
    height: 150px;
    margin-left: -110px;
    margin-top: -150px;
    background-image: url(tp/qkw63.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f64{
    transition: all 0.8s;   
}
.f64:hover{
    transform: scale(1.05);
} 
.f65 {
    width: 300px;
    height: 150px;
    margin-left: 130px;
    margin-top: -150px;
    background-image: url(tp/qkw64.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f65{
    transition: all 0.8s;   
}
.f65:hover{
    transform: scale(1.05);
} 

.fh {
    display: none;
}

.fh:hover {
    display: block;
}

.f66 {
    width: 300px;
    height: 150px;
    margin-left: -870px;
    margin-top: -150px;
    background-image: url(tp/qkw65.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.f66{
    transition: all 0.8s;   
}
.f66:hover{
    transform: scale(1.05);
} 
.f67 {
    width: 300px;
    height: 150px;
    margin-left: -630px;
    margin-top: -150px;
    background-image: url(tp/qkw66.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.f67{
    transition: all 0.8s;   
}
.f67:hover{
    transform: scale(1.05);
} 
.f68 {
    width: 300px;
    height: 150px;
    margin-left: -390px;
    margin-top: -150px;
    background-image: url(tp/qkw67.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f68{
    transition: all 0.8s;   
}
.f68:hover{
    transform: scale(1.05);
} 
.f69 {
    width: 300px;
    height: 150px;
    margin-left: -150px;
    margin-top: -150px;
    background-image: url(tp/qkw68.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.f69{
    transition: all 0.8s;   
}
.f69:hover{
    transform: scale(1.05);
} 
.f70 {
    width: 300px;
    height: 150px;
    margin-left: 90px;
    margin-top: -150px;
    background-image: url(tp/qkw69.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.f70{
    transition: all 0.8s;   
}
.f70:hover{
    transform: scale(1.05);
} 
.dsym {
    width: 1300px;
    height: 620px;
    margin-left: 30px;
    margin-top: 120px;
    top: 50px;
    position: relative;
    background-color: rgb(245, 245, 245);
    display: block;
}

.dsym1 {
    width: 70px;
    height: 22px;
    margin-left: 500px;
    margin-top: 740px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: 40px;
    left: -475px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym2 {
    width: 55px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: 19px;
    left: -375px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym3 {
    width: 70px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: -3px;
    left: -295px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym4 {
    width: 65px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: -25px;
    left: -195px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym5 {
    width: 65px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: -46px;
    left: -100px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym6 {
    width: 65px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: -68px;
    left: -5px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym7 {
    width: 55px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: -90px;
    left: 85px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym8 {
    width: 55px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: -112px;
    left: 155px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym9 {
    width: 55px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: -133px;
    left: 225px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym10 {
    width: 35px;
    height: 22px;
    margin-left: 500px;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium;
    font-family: serif;
    position: relative;
    top: -155px;
    left: 295px;
    background-size: 80px;
    background-repeat: no-repeat;
    display: block;
}

.dsym li {
    position: relative;
    left: 50px;
    top: 200px;
    color: rgb(201, 178, 178);
}

.dsym :hover {
    list-style-position: left 5px;
    top: 5px;
}

.f31 {
    width: 220px;
    height: 250px;
    margin-left: 30px;
    margin-top: -150px;
    background-image: url(tp/qkw31.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f32 {
    width: 220px;
    height: 250px;
    margin-left: 290px;
    margin-top: -245px;
    background-image: url(tp/qkw32.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f33 {
    width: 220px;
    height: 250px;
    margin-left: 550px;
    margin-top: -252px;
    background-image: url(tp/qkw33.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f34 {
    width: 220px;
    height: 250px;
    margin-left: 805px;
    margin-top: -242px;
    background-image: url(tp/qkw34.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f35 {
    width: 220px;
    height: 250px;
    margin-left: 1065px;
    margin-top: -260px;

    background-image: url(tp/qkw35.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f36 {
    width: 220px;
    height: 250px;
    margin-left: 30px;
    margin-top: 50px;
    top: -10px;
    background-image: url(tp/qkw36.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f37 {
    width: 220px;
    height: 250px;
    margin-left: 290px;
    margin-top: -269px;
    background-image: url(tp/qkw37.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f38 {
    width: 220px;
    height: 250px;
    margin-left: 550px;
    margin-top: -245px;
    background-image: url(tp/qkw38.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f39 {
    width: 220px;
    height: 250px;
    margin-left: 805px;
    margin-top: -258px;
    background-image: url(tp/qkw39.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f40 {
    width: 220px;
    height: 250px;
    margin-left: 1066px;
    margin-top: -250px;
    background-image: url(tp/qkw40.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.dsiym {   
    padding: 0;
    width: 1220px;
    height: 240px;
    margin-left:  150px;
    margin-top:  130px;
    left: 830px;
    flex-wrap: wrap;
}
.dsiym1 {
    width: 1300px;
    height: 520px;
    margin-left: -150px;
    margin-top: -120px;
    position: relative;
    display: block;
}

h2 {
    position: relative;
    margin-left: 550px;
    margin-top: -80px;
    height: 100px;
    top: 150px;
    color: #000;
}

h6 {
    position: relative;
    margin-left: 1100px;
    margin-top: -10px;
    height: 100px;
    top: 100px;
    color: rgb(23, 161, 255);
}

.dsiym1 :hover {
    list-style-position: left 5px;
    top: 5px;
}

.dsiym2 :hover {
    list-style-position: left 5px;
    top: 5px;
}
.dsiym1 li {
    position: relative;
    left: 50px;
    top: 180px;
    color: rgb(201, 178, 178);
}
.f441 {
    width: 220px;
    height: 250px;
    margin-left: 30px;
    margin-top: 40px;
    background-image: url(tp/qkw441.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f442 {
    width: 220px;
    height: 250px;
    margin-left: 290px;
    margin-top: -260px;
    background-image: url(tp/qkw442.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f443 {
    width: 220px;
    height: 250px;
    margin-left: 550px;
    margin-top: -245px;
    background-image: url(tp/qkw443.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f444 {
    width: 220px;
    height: 250px;
    margin-left: 805px;
    margin-top: -255px;
    background-image: url(tp/qkw444.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f445 {
    width: 220px;
    height: 250px;
    margin-left: 1065px;
    margin-top: -250px;
    background-image: url(tp/qkw445.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f446 {
    width: 220px;
    height: 250px;
    margin-left: 30px;
    margin-top: 0px;
    background-image: url(tp/qkw446.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f447 {
    width: 220px;
    height: 250px;
    margin-left: 290px;
    margin-top: -247px;
    background-image: url(tp/qkw447.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f448 {
    width: 220px;
    height: 250px;
    margin-left: 550px;
    margin-top: -250px;
    background-image: url(tp/qkw448.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f449 {
    width: 220px;
    height: 250px;
    margin-left: 805px;
    margin-top: -248px;
    background-image: url(tp/qkw449.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f450 {
    width: 220px;
    height: 250px;
    margin-left: 1066px;
    margin-top: -262px;
    background-image: url(tp/qkw450.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.dsiym2 {
    width: 1300px;
    height: 760px;
    margin-left: -150px;
    left: 20px;
    margin-top: 150px;
    position: relative;
    display: block;

}
.dsiym2 :hover {
    list-style-position: left 5px;
    top: 5px;
}

.dsiym2 li {
    position: relative;
    left: 90px;
    top: 190px;
    color: rgb(201, 178, 178);
}
.f451 {
    width: 460px;
    height: 390px;
    margin-left: 30px;
    margin-top: 40px;
    background-image: url(tp/qkw451.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f452 {
    width: 460px;
    height: 390px;
    margin-left: 335px;
    margin-top: -390px;
    background-image: url(tp/qkw452.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f453 {
    width: 460px;
    height: 390px;
    margin-left: 642px;
    margin-top: -388px;
    background-image: url(tp/qkw453.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f454 {
    width: 460px;
    height: 390px;
    margin-left: 945px;
    margin-top: -390px;
    background-image: url(tp/qkw454.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f455 {
    width: 585px;
    height: 290px;
    margin-left: 32px;
    margin-top: 15px;
    background-image: url(tp/qkw455.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f456 {
    width: 583px;
    height: 290px;
    margin-left: 640px;
    margin-top: -295px;
    background-image: url(tp/qkw456.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.dsiym222 {
    width: 1300px;
    height: 760px;
    margin-left: 0px;
    margin-top: -170px;
    position: relative;
    display: block;
}
.f4610{
    width: 150px;
    height: 45px;
    position: relative;
    top: 220px;
    left: 30px;
   
}
.f4611{
    width: 150px;
    height: 45px;
    position: relative;
    top: 230px;
    left: 30px;
   
}
.f4610 button{
    width: 150px;
    height: 40px;
    border-radius: 8px;
    position: relative; 
    left: 20px;
    top: 20px;
    background-color: rgb(88, 196, 61);
    color: rgb(245, 245, 245);
}
.f4611 button{
    width: 150px;
    height: 40px;
    border-radius: 8px;
    position: relative;
    left: 20px;
    top: 20px;
    background-color: rgb(255,255,255);
    color: rgb(88, 196, 61);
}
.f461  {
    width: 460px;
    height: 390px;
    margin-left: 50px;
    margin-top: 40px;
    background-image: url(tp/qkw461.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f462 {
    width: 460px;
    height: 390px;
    margin-left: 355px;
    margin-top: -390px;
    background-image: url(tp/qkw462.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.f463 {
    width: 460px;
    height: 390px;
    margin-left: 660px;
    margin-top: -390px;
    background-image: url(tp/qkw463.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.f464 {
    width: 460px;
    height: 390px;
    margin-left: 964px;
    margin-top: -390px;
    background-image: url(tp/qkw464.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
} 
.sjd1y {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100px;
    background-color: rgb(0, 109, 255);
    flex-wrap: wrap;
    display: inline-block;
}

.sjd1y1 {
    width: 30%;
    height: 50%;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: auto;
    left: auto;
    background-image: url(tp/qkw1.png);
    display: inline-block;
}

.sjd1y2 {
    width: 25%;
    height: 40%;
    align-items: center;
    background-image: url(tp/qkw4.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: auto;
    left: auto;
    margin-left: -20%;
    display: inline-block;
}

.sjd1y3 {
    width: 25%;
    height: 40%;
    align-items: left;
    background-image: url(tp/qkw5.png);
    background-size: contain;
    background-repeat: no-repeat; 
    margin-left: -15%;
    left: auto;
    display: inline-block;
}
.sjd2y {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.sjd2y1 {
    margin: 0;
    padding: 0;
    width:40%;
    height: 30%;
    flex-wrap: wrap;
}
.sjd2y2 {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 10px;
    position: relative;
    top: 70px;
    left: 350px;
    flex-wrap: wrap;   
}

.fsjd5 {
    width: 350%;
    height: 300%;
    margin-left: -27%;
    margin-top: -10%;
    padding-top: 0px;
    background-image: url(tp/qkw221.png); 
    top: 0px;
    left: -60px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd51 {
    width: 450%;
    height: 400%;
    margin-left: -19%;
    margin-top: -2.9%;
    padding-top: 0px;
    background-image: url(tp/qkw222.png);  
    top: 0px;
    left: -65px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd52 {
    width: 450%;
    height: 400%;
    margin-left:-11%;
    margin-top: -3%;
    padding-top: 0px;
    background-image: url(tp/qkw223.png);
    top: 0px;
    left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd53 {
    width: 450%;
    height: 400%;
    margin-left: -3%;
    margin-top: -2.8%;
    padding-top: 0px;
    background-image: url(tp/qkw224.png);
    top: 0px;
    left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd61 {
    
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: 14%;
    background-image: url(tp/qkw60.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd61{
    transition: all 0.8s;   
}
.fsjd61:hover{
    transform: scale(1.05);
} 

.fsjd62 {
   
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -22.8%;
    background-image: url(tp/qkw61.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd62{
    transition: all 0.8s;   
}
.fsjd62:hover{
    transform: scale(1.05);
} 
.fsjd63 {
    
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: -12.3%;
    background-image: url(tp/qkw62.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd63{
    transition: all 0.8s;   
}
.fsjd63:hover{
    transform: scale(1.05);
} 

.fsjd64{
   
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -23%;
    background-image: url(tp/qkw63.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd64{
    transition: all 0.8s;   
}
.fsjd64:hover{
    transform: scale(1.05);
} 
.sjd3y {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.sjd3y1 {
    width: 5%;
    height: 10%;
    margin-left: -7%;
    margin-top: -11%;
    padding-top: 0px;    
    font-size: medium;
    font-family: serif;
    position: relative;
    top: 10%;
    left: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.sjd3y2 {
    width: 5%;
    height: 10%;
    margin-left: 0%;
    margin-top: -1.8%;
    padding-top: 0px;    
    font-size: medium;
    font-family: serif;
    position: relative;
    top: 10%;
    left: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.sjd3y3 {
    width: 5%;
    height: 10%;
    margin-left: 6%;
    margin-top: -1.8%;
    padding-top: 0px;    
    font-size: medium;
    font-family: serif;
    position: relative;
    top: 10%;
    left: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.sjd3y4 {
    width: 5%;
    height: 10%;
    margin-left: 13%;
    margin-top: -1.9%;
    padding-top: 0px;    
    font-size: medium;
    font-family: serif;
    position: relative;
    top: 10%;
    left: 10%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.sjd3y li {
    position: relative;
    left: 10%;
    top: 60%;
    color: rgb(201, 178, 178);
}
.sjd3y :hover {
    list-style-position: left 2% ;
    top: 2%;
}

.fsjd31 {
    width:10%;
    height: 10%;
    margin-left: 1%;
    margin-top: 1%;
    background-image: url(tp/qkw31.png);   
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd32 {
    width:10%;
    height: 10%;
    margin-left: 11.5%;
    margin-top: -15.3%;
    background-image: url(tp/qkw32.png);   
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd33 {
    width:10%;
    height: 10%;
    margin-left: 22%;
    margin-top: -15.3%;
    background-image: url(tp/qkw33.png);   
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd34 {
    width:10%;
    height: 10%;
    margin-left: 1%;
    margin-top: -4.5%;
    background-image: url(tp/qkw34.png);   
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd35 {
    width:10%;
    height: 10%;
    margin-left: 11.5%;
    margin-top: -15.3%;
    background-image: url(tp/qkw35.png);   
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd36 {
    width:10%;
    height: 10%;
    margin-left: 22%;
    margin-top: -15.4%;
    background-image: url(tp/qkw36.png);   
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd37 {
    width:10%;
    height: 10%;
    margin-left: 1%;
    margin-top: -4.3%;
    background-image: url(tp/qkw37.png);   
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd38 {
    width:10%;
    height: 10%;
    margin-left: 11.5%;
    margin-top: -15.3%;
    background-image: url(tp/qkw38.png);   
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd39 {
    width:10%;
    height: 10%;
    margin-left: 22%;
    margin-top: -15.3%;
    background-image: url(tp/qkw39.png);   
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.sjd4y { 
    margin: 0;  
    padding: 0;
   width: 100%;
   height: 100%;
}
.sjd4y1 {
    width: 15%;
    height: 10%;
    margin-left: 0%;
    margin-top: -1.8%;
    top: 10%;
    left: 10%;
    position: relative;
    background-size: contain;
    display: block;
}

  .sjd4y h2 {
    position: relative;
    margin-left: 12%;
    margin-top: 0%;
    height: 15%;
    top: -2%;
    color: #000;
}

 .sjd4y h6 {
    position: relative;
    margin-left: 11%;
    margin-top: -1%;
    height: 15%;
    top: -14%;
    color: rgb(23, 161, 255);
}

.sjd4y1 :hover {
    list-style-position: left 2%;
    top: 2%;
}

.sjd4y1 li {
    position: relative;
    left: 50px;
    top: 180px;
    color: rgb(201, 178, 178);
}
.fsjd441 {
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: -42%;
    background-image: url(tp/qkw441.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd442 {
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -23%;
    background-image: url(tp/qkw442.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd443 {
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: -7%;
    background-image: url(tp/qkw443.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd444 {
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -23%;
    background-image: url(tp/qkw444.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd445 {
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: -7%;
    background-image: url(tp/qkw445.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd446 {
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -22.8%;
    background-image: url(tp/qkw446.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd447 {
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: -7%;
    background-image: url(tp/qkw447.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd448 {
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -23%;
    background-image: url(tp/qkw448.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd449 {
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: -7%;
    background-image: url(tp/qkw449.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.fsjd450 {
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -23%;
    background-image: url(tp/qkw450.png);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.sjd5y { 
    margin: 0;  
    padding: 0;
   width: 100%;
   height: 100%;
}
.sjd5y h2 {
    position: relative;
    margin-left: 12%;
    margin-top: -64%;
    height: 15%;
    top: -2%;
    color: #000;
}

 .sjd5y h6 {
    position: relative;
    margin-left: 11%;
    margin-top: -1%;
    height: 15%;
    top: -14%;
    color: rgb(23, 161, 255);
}
.fsjd451 {
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: -150%;
    background-image: url(tp/qkw451.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd452 {
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -23%;
    background-image: url(tp/qkw452.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd453 {
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: -1%;
    background-image: url(tp/qkw453.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd454 {
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -23%;
    background-image: url(tp/qkw454.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.sjd6y { 
    margin: 0;  
    padding: 0;
   width: 100%;
   height: 100%;
}
.sjd6y h2 {
    position: relative;
    margin-left: 12%;
    margin-top: 3%;
    height: 15%;
    top: -2%;
    color: #000;
}

 .sjd6y h6 {
    position: relative;
    margin-left: 11%;
    margin-top: -1%;
    height: 15%;
    top: -14%;
    color: rgb(23, 161, 255);
}
.fsjd4610{
    width: 45%;
    height: 15%;
    position: relative;
    left: 10%;
    top: 10%;
   
}
.fsjd4611{
    width: 45%;
    height: 15%;
    position: relative;
    left: 10%;
    top: 10%;  
}
.fsjd4610 button{
    width: 100%;
    height: 75%;  
    position: relative; 
    left: 45%;
    top: 185%;
    border-radius: 10%;
    background-color: rgb(88, 196, 61);
    color: rgb(245, 245, 245);
}
.fsjd4611 button{
    width: 100%;
    height: 75%;
    position: relative;
    left: 45%;
    top: 195%;
    border-radius: 10%;
    background-color: rgb(255,255,255);
    color: rgb(88, 196, 61);
}
.fsjd461 {
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: -42%;
    background-image: url(tp/qkw461.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd462 {
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -23%;
    background-image: url(tp/qkw462.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd463 {
    width: 15%;
    height: 15%;
    margin-left: 0.5%;
    margin-top: 0%;
    background-image: url(tp/qkw463.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.fsjd464 {
    width: 15%;
    height: 15%;
    margin-left: 16%;
    margin-top: -23%;
    background-image: url(tp/qkw464.jpg);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
